<template>
    <div class="box66">
        <!-- 顶部 -->
        <el-card style="margin-bottom:20px">
            <!-- 面包屑 -->
            <slot name="breadcrumb"></slot>

            <!-- 搜索框 -->
            <el-row :gutter="20">
                <el-col :span="8">
                     <!-- 搜索框 -->
                    <slot name="search"></slot>
                </el-col>
                <el-col :span="4">
                    <!-- 添加按钮 -->
                    <slot name="addBtn"></slot>
                </el-col>
            </el-row>
        </el-card>

        <!-- 表格 -->
        <el-card class="tableList">
            <slot name="tableList"></slot>
            <slot name="pageSlot" ></slot>
        </el-card>
        
        
    </div>
</template>

<style lang="less">
    .box66{
        height: 100%;
        display: flex;
        flex-direction: column;
        .tableList{
            flex: 1;
        }
    }
</style>